<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Title -->
    <title><?=config('system.web_name')?></title>

    <?php include(app_path('view') . 'common/meta.html'); ?>

    <style>
        body{
            max-height: 100vh;
            overflow: hidden;
            background-color: #FFFFFF;
        }
        .error-info .error-text{
            top: 0;
            transform: translateY(0%);
        }
        .error-500 .error-bg{
            right: 70%
        }
        .error-500 .error-info{
            left: 30%
        }
        @media (max-width: 1000px) {
            .error-500 .error-bg{
                right: 100%
            }
        }

        .error-info .error-body{
            text-align: left !important;
        }
</style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="error-500">
    <div class="error-bg"></div>
    <div class="error-info">
        <div class="error-text">
            <div class="error-body">
                <?php include('exception.html');?>
            </div>
        </div>
    </div>
</div>

<?php include(app_path('view') . 'common/script.html'); ?>

<script>
    $(function () {
        $('.error-info').slimScroll({ height: '100vh' });
    })
</script>

</body>
</html>